Tutorial/Codes To Use For Old Blogger Templates - 2022

How to put images side by side in blogger posts/pages and how to center the header image. This blog post explains the simple code to implement.

How To Put Images Side by Side In Blogger Posts/Pages

Use this code below.

<table>
<tr>
<td><img border="0" width="100px" height="100px" src="IMAGE 1 LINK HERE" /></td>
<td><img border="0" width="100px" height="100px" src="IMAGE 2 LINK HERE" /></td>
<td><img border="0" width="100px" height="100px" src="IMAGE 3 LINK HERE" /></td>
</tr>
</table>

Instruction: Paste this code in the HTML view when creating posts.

How to center the header by adding it in the advanced CSS

Use this code below.

#header-inner img {width: 100%; margin: 0 auto;}
#header-inner {text-align: center;}

I hope you found this helpful? Thank you for visiting!